<template>
  <div>
    <el-container style="width:100%;height: 100vh;">
      <!-- 左侧导航栏 -->
      <el-aside width="auto">
        <CommonAside></CommonAside>
      </el-aside>
      <el-container>
        <!-- 头部 -->
        <el-header>
          <CommonHeader></CommonHeader>
        </el-header>
        <el-main>
          <CommonTags></CommonTags>
          <div class="welcome" v-if="this.$router.currentRoute.path == '/Home'">
            <h4>欢迎来到五山豪华大酒店管理系统</h4>
          </div>
          <router-view />
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import CommonTags from "../components/CommonTags.vue";
import CommonHeader from "../components/CommonHeader.vue";
import CommonAside from "../components/CommonAside.vue";
export default {
  name: "Home",
  // mounted:{
  //   checkRole(){

  //   }
  // },
  methods: {
    MenuClick(index) {
      this.$router.push(index);
    }
  },
  components: { CommonTags, CommonHeader, CommonAside }
};
</script>

<style>
.el-header {
  background-color: rgb(1, 121, 121);
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  box-sizing: border-box;
}
.el-main {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.userInfo {
  cursor: pointer;
  color: white;
}
.welcome {
  text-align: center;
  font-size: 23px;
  font-family: 宋体;
  color: gray;
}
.breadcrumb {
  margin: 5px 0px 20px 5px;
}
</style>
